import { FC, ReactNode } from "react";
import styles from "./index.module.less";
import spot from "@/assets/css/images/圆点.svg";

interface SectionHeaderProps {
  title: string;
  icon?: ReactNode;
}

const SectionHeader: FC<SectionHeaderProps> = ({ title, icon }) => {
  return (
    <div className={styles["section-header"]}>
      {icon ? icon : <img src={spot} alt="spot" style={{marginRight: "8px"}}></img>}
      <span className={styles["section-title"]}>{title}</span>
    </div>
  );
};

export default SectionHeader; 